<template>
    <a-row :gutter="10" style="height: 100%;">
      <a-col :md="4" :sm="24" style="height: 100%;">
        <a-card :bordered="false" style="height: 100%; overflow: auto;">
          <group-tree v-model="groupId"></group-tree>
        </a-card>
      </a-col>
      <a-col :md="20" :sm="24" style="height: 100%;">
        <a-card :bordered="false" style="height: 100%;; overflow: auto;">
          <DataApiList :groupId="groupId" ></DataApiList>
        </a-card>
      </a-col>
    </a-row>
</template>

<script>
  import GroupTree from './GroupTree'
  import DataApiList from './DataApiList'
  export default {
    name: 'DataApiManage',
    components: {
      GroupTree,
      DataApiList
    },
    data() {
      return {
        groupId:"",
      }
    },

    methods: {
    }
  }
</script>

<style lang="less" scoped>

  /deep/ .ant-card-body {
    padding: 12px!important;
    zoom: 1;
  }
</style>
